<template>
  <div class="main">
    <schoolHeader />
    <schoolLeft />
    <div class="m-contant">
      <div class="left">
        <router-view></router-view>
      </div>
    </div>
    <!-- 弹窗, 修改密码 -->
    <update-password
      v-show="updatePassowrdVisible"
      ref="updatePassowrd"
    ></update-password>
  </div>
</template>

<script>
import schoolHeader from "@/views/layout/header";
import schoolLeft from "@/views/layout/left";
import UpdatePassword from "@/views/main-navbar-update-password";
import * as echarts from "_echarts@5.2.2@echarts";

import { clearLoginInfo, initQueryParams } from "@/utils";
export default {
  data() {
    return {
      actFrequencyChart: null,
      actProportionChart: null,
      actFrequencyCompleteRate: null,
      actDurationCompleteRateChart: null,
      queryParams: initQueryParams(),
      pageData: {
        totalCount: 0,
        list: [],
        extData: {},
      },
      dataListLoading: false,
      btnLoading: false,
      pageLoading: false,
      updatePassowrdVisible: false
    };
  },
  components: {
    UpdatePassword,
    schoolHeader,
    schoolLeft,
  },
  mounted() {
    
  },
  computed: {
    documentClientHeight: {
      get() {
        return this.$store.state.common.documentClientHeight;
      },
      set(val) {
        this.$store.commit("common/updateDocumentClientHeight", val);
      },
    },
    documentClientWidth: {
      get() {
        return this.$store.state.common.documentClientWidth;
      },
      set(val) {
        this.$store.commit("common/updateDocumentClientWidth", val);
      },
    },
    userId: {
      get() {
        return this.$store.state.user.id;
      },
      set(val) {
        this.$store.commit("user/updateId", val);
      },
    },
    userTel: {
      get() {
        return this.$store.state.user.tel;
      },
      set(val) {
        this.$store.commit("user/updateTel", val);
      },
    },
    userMobile: {
      get() {
        return this.$store.state.user.mobile;
      },
      set(val) {
        this.$store.commit("user/updateMobile", val);
      },
    },
    userDeptId: {
      get() {
        return this.$store.state.user.deptId;
      },
      set(val) {
        this.$store.commit("user/updateDeptId", val);
      },
    },
    userName: {
      get() {
        return this.$store.state.user.name;
      },
      set(val) {
        this.$store.commit("user/updateName", val);
      },
    },
    userDeptName: {
      get() {
        return this.$store.state.user.deptName;
      },
      set(val) {
        this.$store.commit("user/updateDeptName", val);
      },
    },
    userType: {
      get() {
        return this.$store.state.user.userType;
      },
      set(val) {
        this.$store.commit("user/updateUserType", val);
      },
    },
  },
  methods: {
    
  }
};
</script>
<style src="@/assets/scss/stu.scss" lang="scss" scoped>
</style>